render prop
react component
で、
render
を実装する代わりに、react elementを返す関数(render)をpropsとして受け取る&実行する
code:jsx
<DataProvider render={data => (
<h1>Hello {data.target}</h1>
)}/>
react
周りのテクニックの一つ
React Router
とかで使われている(使える)
https://reactjs.org/docs/render-props.html